.category-menu-mobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 75px;
  z-index: 1000;
  background: #F5F0EB;

  padding: 24px;



  &.animate {
    animation: 0.2s linear 0s 1 forwards slideIn;
  }

  @keyframes slideIn {
    0% {
      top: -15px;
      opacity: 0;
    }

    100% {
      top: 0;
      opacity: 1;
    }
  }

  .category-menu-hd {
    color: #0C0C0C;
    font-weight: 600;
  }

  .category-menu-main {
    background: #FFFCFA;
    padding: 15px 20px;
    border-radius: 10px;
  }

  .category-item {
    padding: 5px;
    cursor: pointer;
    color: #171717;
    border-radius: 4px;
    margin-bottom: 5px;

    &.category-level3-item {
      padding-left: 20px;
      padding-right: 20px;
    }

    &:hover,
    &.open {
      // font-weight: bold;
      background: #E9E4DF;
    }

    &.open .title-line .text {
      font-weight: bold;
    }

    &:hover>a {
      font-weight: bold;
    }
  }

  .category-item-all {
    padding: 10px 5px;

    &.category-level3-all {
      padding-left: 20px;
      padding-right: 20px;
    }

    &:hover>a {
      font-weight: bold;
    }
  }

  .category-level2-item {
    .icon-area {
      transition: transform 0.2s linear;
    }

    .icon-area.reverse-y {
      transform: rotate(180deg);
    }
  }


}